<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/order.css">
    <title>订单</title>
</head>
<body>
<div class="head_box">
    <p class="topic">订单</p>
</div>
<div id="content">
    <div class="nav">
        <p class="select">我的订单</p>
        <span> 全部订单> </span>
    </div>
    <div class="order">
        <div class="order_item">
            <img src="img/fukuan.png" alt="">
            <p>待付款</p>
        </div>
        <div class="order_item">
            <img src="img/shiyong.png" alt="">
            <p>待使用</p>
        </div>
        <div class="order_item">
            <img src="img/pingjia.png" alt="">
            <p>待评价</p>
        </div>
        <div class="order_item">
            <img src="img/shouhou.png" alt="">
            <p>退款/售后</p>
        </div>
    </div>
    <div class="closest">最近订单</div>
    <div class="detail">
        <img src="img/ktv1.png" alt="">
        <div class="detail_content">
            <h1>乐派量贩式KTV
                <p class="success">退款成功</p>
            </h1>
            <p>有效期至：2018-05-01</p>
            <p>数量：1</p>
            <div class="progress">总价：￥28.80
                <div class="tuikuan">退款进度</div>
            </div>
        </div>
    </div>
    <div class="detail">
        <img src="img/ktv1.png" alt="">
        <div class="detail_content">
            <h1>云南过桥米线
                <p class="success success1">已完成</p>
            </h1>
            <p>下单时间：2017-12-07 &nbsp;17:54</p>
            <p>数量：1</p>
            <div class="progress">总价：￥28.80
                <div class="tuikuan">再来一单</div>
            </div>
        </div>
    </div>
    <div class="more">更多  <span class="address_icon">&#xe822;</span></div>
    <div class="fenge"></div>
    <div class="nav nav1">
        <p class="select">我的收藏</p>
        <div class="imgbox">
            <img src="img/shoucang.png" alt="">
            <p>收藏你喜欢的内容，它会出现在这里</p>
        </div>
    </div>
</div>
<div class="bottom">
    <div class="bottom_content">
        <a href="index.html" class="bottom_content_item">
            <span class="address_icon ">&#xe619;</span>
            <p>首页</p>
        </a>
        <a href="fujin.html" class="bottom_content_item">
            <span class="address_icon">&#xe611;</span>
            <p>附近</p>
        </a>
        <a href="find.html" class="bottom_content_item">
            <span class="address_icon">&#xe608;</span>
            <p>发现</p>
        </a>
        <a href="order.html" class="bottom_content_item">
            <span class="address_icon catalogue">&#xe634;</span>
            <p class="catalogue">订单</p>
        </a>
        <a href="about%20me.html" class="bottom_content_item">
            <span class="address_icon">&#xe60c;</span>
            <p>我的</p>
        </a>
    </div>
</div>
<script src="rem.js"></script>
<script src="index.js"></script>
</body>
</html>